@charset "UTF-8";
body {
  font: 12px/150% tahoma,arial,Microsoft YaHei,Hiragino Sans GB,"\u5b8b\u4f53",sans-serif; }

/* 版心 */
@media all and (max-width: 1349px) {
  .main {
    width: 990px;
    margin: 0 auto; } }

@media all and (min-width: 1350px) {
  .main {
    width: 1190px;
    margin: 0 auto; } }

#app .go-index {
  position: relative; }
  #app .go-index li {
    position: relative;
    height: 31px;
    line-height: 31px; }
    #app .go-index li a {
      padding: 0 7px;
      display: block;
      position: relative;
      overflow: hidden;
      padding-bottom: 3px;
      z-index: 10;
      border: 1px solid #e3e4e5;
      border-bottom: none;
      border-top: none; }

#app .context .con-top {
  height: 40px;
  background: #f2f2f2; }

#app .context .con-text {
  background: #fff; }
  #app .context .con-text .main {
    overflow: hidden; }
    #app .context .con-text .main .left-swper {
      width: 452px;
      float: left;
      margin-top: 10px;
      position: relative; }
      #app .context .con-text .main .left-swper .lsw-top {
        height: 569px;
        border: 1px solid #eee;
        margin-bottom: 10px;
        padding: 2px;
        box-sizing: border-box; }
        #app .context .con-text .main .left-swper .lsw-top img {
          width: 100%;
          height: 100%; }
        #app .context .con-text .main .left-swper .lsw-top .lay {
          background: #fff;
          border: 1px solid gray;
          position: absolute;
          top: 0;
          left: 0;
          opacity: 0.5;
          display: none;
          width: 150px;
          height: 150px; }
      #app .context .con-text .main .left-swper .bigBox {
        position: absolute;
        width: 452px;
        height: 569px;
        top: 0;
        left: 469px;
        z-index: 300;
        border: 1px solid #C2C2C2;
        overflow: hidden; }
      #app .context .con-text .main .left-swper .lsw-pages {
        height: 58px;
        position: relative; }
        #app .context .con-text .main .left-swper .lsw-pages span {
          display: block;
          width: 22px;
          height: 32px;
          position: absolute;
          top: 50%;
          margin-top: -16px;
          text-align: center;
          line-height: 32px;
          color: #666;
          font-size: 30px;
          font-weight: 800px; }
          #app .context .con-text .main .left-swper .lsw-pages span:hover {
            color: #B3B7BB; }
        #app .context .con-text .main .left-swper .lsw-pages #pages-left {
          left: 5px; }
        #app .context .con-text .main .left-swper .lsw-pages #pages-right {
          right: 5px; }
        #app .context .con-text .main .left-swper .lsw-pages .items {
          position: relative;
          width: 380px;
          height: 58px;
          overflow: hidden;
          margin-left: 35px; }
          #app .context .con-text .main .left-swper .lsw-pages .items ul {
            position: absolute;
            top: 0px;
            left: 0px; }
            #app .context .con-text .main .left-swper .lsw-pages .items ul li {
              float: left;
              margin: 0 9px;
              width: 58px;
              height: 58px; }
              #app .context .con-text .main .left-swper .lsw-pages .items ul li:hover {
                border: 2px solid #e53e41; }
              #app .context .con-text .main .left-swper .lsw-pages .items ul li img {
                width: 100%;
                height: 100%; }
            #app .context .con-text .main .left-swper .lsw-pages .items ul .active {
              border: 2px solid #e53e41; }
    #app .context .con-text .main .right-proitem {
      width: 738px;
      float: right;
      padding: 0 10px;
      margin-top: 10px;
      box-sizing: border-box; }
      #app .context .con-text .main .right-proitem h2 {
        font: 700 20px Arial,"microsoft yahei";
        color: #666;
        line-height: 28px;
        margin-bottom: 5px; }
      #app .context .con-text .main .right-proitem .money-box {
        min-height: 460px;
        background: #f3f3f3; }
        #app .context .con-text .main .right-proitem .money-box p {
          font-size: 16px;
          padding: 10px 0;
          color: #999;
          line-height: 22px;
          font-family: simsun; }
          #app .context .con-text .main .right-proitem .money-box p span {
            font-size: 22px;
            color: #e4393c; }
          #app .context .con-text .main .right-proitem .money-box p span:nth-child(2) {
            font-size: 20px;
            color: #999;
            text-decoration: line-through; }
        #app .context .con-text .main .right-proitem .money-box .shap-context {
          color: #999;
          text-indent: 2em;
          margin-top: 5px; }
      #app .context .con-text .main .right-proitem .shoppingCar {
        margin-top: 10px;
        overflow: hidden; }
        #app .context .con-text .main .right-proitem .shoppingCar #shap-num {
          float: left;
          display: block;
          width: 43px;
          height: 44px;
          line-height: 42px;
          text-align: center; }
        #app .context .con-text .main .right-proitem .shoppingCar .readdBox {
          float: left; }
          #app .context .con-text .main .right-proitem .shoppingCar .readdBox input {
            display: block;
            width: 15px;
            height: 22px;
            line-height: 22px;
            color: #666;
            border: 1px solid #ccc;
            background: #f1f1f1; }
        #app .context .con-text .main .right-proitem .shoppingCar .btn {
          height: 44px;
          width: 150px;
          margin-left: 5px; }
